<!DOCTYPE html>
<html class="x-admin-sm">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>查询专家</title>
    <meta name="renderer" content="webkit">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="viewport"
          content="width=device-width,user-scalable=yes, minimum-scale=0.4, initial-scale=0.8,target-densitydpi=low-dpi" />
    <link rel="stylesheet" href="./css/font.css">
    <link rel="stylesheet" href="./css/xadmin.css">
    <script src="./lib/layui/layui.js" charset="utf-8"></script>
    <script type="text/javascript" src="./js/xadmin.js"></script>
    <!--[if lt IE 9]>
    <script src="https://cdn.staticfile.org/html5shiv/r29/html5.min.js"></script>
    <script src="https://cdn.staticfile.org/respond.js/1.4.2/respond.min.js"></script>
    <![endif]-->
</head>

<body>

<div class="layui-fluid">
    <div class="layui-row layui-col-space15">
        <div class="layui-col-md12">
            <div class="layui-card">
                <div class="layui-card-body ">
                    <form class="layui-form layui-col-space5">
                        <div class="layui-inline layui-show-xs-block">
                            <input class="layui-input" autocomplete="off" placeholder="姓名"
                                   name="name" id="name">
                        </div>
                        <div class="layui-inline layui-show-xs-block">
                            <input class="layui-input" autocomplete="off" placeholder="手机号"
                                   name="tele" id="tele">
                        </div>
                        <div class="layui-inline layui-show-xs-block">
                            <input type="idcard" name="idcard" placeholder="身份证号"
                                   autocomplete="off" class="layui-input">
                        </div>
                        <div class="layui-inline layui-show-xs-block">
                            <button class="layui-btn" lay-submit lay-filter="sreach">
                                <i class="layui-icon">&#xe615;</i>
                            </button>
                        </div>
                    </form>
                </div>
                <div class="layui-card-body ">
                    <table class="layui-table" width="100%"
                           lay-data="{url:'professorSearch',page:true,toolbar: '#toolbarDemo',id:'queryTable'}"
                           lay-filter="queryTable">
                        <thead>
                        <tr>
                            <th lay-data="{type:'checkbox'}">ID</th>
                            <th lay-data="{field:'id', width:80, sort: true}">编号</th>
                            <th
                                    lay-data="{field:'professorName', width:120, sort: true, }">姓名</th>
                            <th lay-data="{field:'birthday',  minWidth: 150}">生日</th>

                            <th lay-data="{field:'identityNumber',  minWidth: 100}">身份证号</th>
                            <th lay-data="{field:'institution', sort: true, }">毕业院校</th>
                            <th lay-data="{field:'education', sort: true }">学历</th>
                            <th lay-data="{field:'mobliePhone', sort: true}">手机号</th>
                            <th lay-data="{templet: '#newsListBar', minWidth: 380}">操作</th>
                        </thead>
                    </table>
                </div>
            </div>
        </div>
    </div>
</div>
</body>
<script type="text/html" id="toolbarDemo">
    <div class = "layui-btn-container" >
        <button class = "layui-btn layui-btn-sm" lay-event = "addNewUser" >
            <i class="layui-icon">&#xe654;</i>
            添加专家
        </button>
        <button class = "layui-btn layui-btn-sm" lay-event = "delBatch" > 批量删除 </button>
        <!--
        <button class="layui-btn layui-btn-sm" lay-event="getCheckLength">获取选中数目</button >
        <button class = "layui-btn layui-btn-sm" lay-event = "isAll" > 验证是否全选</button>-->
    </div >
</script>
<!--操作-->

<script type="text/html" id="switchTpl">
    <!-- 这里的checked的状态只是演示 -->
    <input type = "checkbox" name = "sex" value = "{{d.id}}" lay-skin = "switch" lay-text = "女|男" lay-filter = "sexDemo" {{ d.id == 10003 ? 'checked': ''}} >
</script>
<script>
    layui.use(['table','form','layer'], function() {
        var table = layui.table;
        var form=layui.form;
        var layer=layui.layer;
        //查询

        form.on("submit(sreach)",function(data){

            table.reload("queryTable", {
                page : {
                    curr : 1
                    //重新从第 1 页开始
                },
                where : {
                    name : $("input[name=name]").val(), //搜索的关键字
                    tele : $("input[name=tele]").val(),
                    idcard : $("input[name=idcard]").val()
                }
            });
            return false;
        });

        //监听单元行
        table.on('tool(queryTable)',function(obj){
            var layEvent = obj.event;
            var data=obj.data;
            //alert(" case :"+layEvent);
            //删除
            //编辑
            //xxx.html?3;
            //alert(location.search);//?3
            //window.sessionStorage.setItem(name, value)
            if(layEvent=="edit"){
                edit(data);
            }else if(layEvent=="look"){
                look(data);
            }else if(layEvent=="del"){
                del(data);
            }else if(layEvent=="exportToWord"){
                $(this).attr("href",  "exportProToWord.do?id=" + data.id);
            }

            event.stopPropagation();
            //return false;
        });




        //监听单元格编辑，useless
        table.on('edit(queryTable)', function(obj) {
            var value = obj.value //得到修改后的值
                , data = obj.data //得到所在行所有键值
                , field = obj.field; //得到字段
            layer.msg('[ID: ' + data.id + '] ' + field + ' 字段更改为：' + value);
        });

        function deleteAll(data){
            if (data.length == 0) {
                return;
            }
            var ids=[];
            for (var i in data) {
                ids.push(data[i].id);
            }
            alert(ids);
            //
            layer.confirm('确定删除选中的用户？', {
                icon : 3,
                title : '提示信息'
            }, function(index) {
                $.getJSON("batchDel.do", {
                    ids:ids
                }, function(d) {
                    if (d.msg) {
                        location.reload();
                    } else {
                        layer.alert("删除失败");
                    }
                });
            })
            //
        }
        //头工具栏事件
        table.on('toolbar(queryTable)', function(obj) {
            var checkStatus = table.checkStatus(obj.config.id);
            switch (obj.event) {
                case 'addNewUser':
                    xadmin.open('添加专家','./professor-add.html',600,400,true);
                    break;
                case 'delBatch':
                    var data = checkStatus.data;
                    layer.alert(JSON.stringify(data));
                    deleteAll(data);
                    break;
                case 'getCheckData':
                    var data = checkStatus.data;
                    layer.alert(JSON.stringify(data));
                    break;
                case 'getCheckLength':
                    var data = checkStatus.data;
                    layer.msg('选中了：' + data.length + ' 个');
                    break;
                case 'isAll':
                    layer.msg(checkStatus.isAll ? '全选' : '未全选');
                    break;
            }
            ;
        });
    });
</script>

</html>